<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SingleImageView.ascx.cs"
    Inherits="usercontrols_PhotoGallery_SingleImageView" %>
<asp:Panel runat="server" ID="c_viewImagePanel" class="ViewImageContainer">
    <h2>
        <%=Picture.Title %>
    </h2>
    <p class="undertitle">
        <%=Picture.FileName %>
    </p>
    <div class="ViewImageToolbox">
        <ul>
            <li><a href="default.aspx?gallery=<%=Picture.FolderName %>">
                <img src="/images/icons/22/return.png" alt="Full Size" style="vertical-align: middle;" />&nbsp;Return
                to Gallery</a></li>
            <li><asp:HyperLink runat="server" ID="c_fullSizeLink">
                <img src="/images/icons/22/magnifier.png" alt="Full Size" style="vertical-align: middle;" />&nbsp;&nbsp;Full
                size</asp:HyperLink></li>
        </ul>
    </div>
    <div style="margin: 0 auto;">
        <asp:HyperLink runat="server" ID="c_imageLink">
            <asp:Image runat="server" ID="c_image" AlternateText="" />
        </asp:HyperLink>
    </div>
    <div>
        <div style="text-align:center;margin:5px 0;">
            <asp:Label runat="server" ID="c_countLabel" Font-Bold="true" />
        </div>
        <div>
            <asp:HyperLink runat="server" ID="c_previousImageLink" CssClass="ImageViewPrevLink">
                <img src="/images/icons/22/arrow-back.png" alt="Full Size" style="vertical-align:middle;" />&nbsp;&nbsp;Previous
            </asp:HyperLink>
            <asp:HyperLink runat="server" ID="c_nextImageLink" CssClass="ImageViewNextLink">
                Next&nbsp;<img src="/images/icons/22/arrow-forward.png" alt="Full Size" style="vertical-align:middle;" />
            </asp:HyperLink>
        </div>
        <asp:Panel runat="server" ID="c_imageDetailsPanel" class="ViewImageDetailsContainer"
            Visible="false">
            <p class="subtitle">
                Image Information</p>
            <p class="ViewImageDetailsTitle">
                Title</p>
            <p class="ViewImageDetailsValue">
                <%=Picture.Title %></p>
            <p class="ViewImageDetailsTitle">
                Filename</p>
            <p class="ViewImageDetailsValue">
                <%=Picture.FileName %></p>
            <p class="subtitle">
                Photo Information</p>
            <asp:Repeater runat="server" ID="c_exifDetailsRptr">
                <ItemTemplate>
                    <p class="ViewImageDetailsTitle">
                        <%#((ExifDetailItem)Container.DataItem).Description %></p>
                    <p class="ViewImageDetailsValue">
                        <%#((ExifDetailItem)Container.DataItem).Value %></p>
                </ItemTemplate>
            </asp:Repeater>
        </asp:Panel>
    </div>
    <asp:Panel runat="server" ID="c_commentSection">
        <div id="imageview-bottom">
            <p class="subtitle">
                Description</p>
            <div id="description">
                <%=Picture.Description %>
            </div>
            <a href="#">#Leave a Comment#</a>
            <br />
            <br />
        </div>
    </asp:Panel>
</asp:Panel>
<asp:Panel runat="server" ID="c_noImagePanel" Visible="false">
    No Image File Exists
</asp:Panel>
